<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>芬木网站</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta content="" name="keywords">
		<meta content="" name="description">
		<link rel="SHORTCUT ICON" href="img/favicon.png" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/app/company-infomation.css" />
		<script src="js/lib/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="company-common"></div>
		<script type="text/javascript">
			$('.company-common').load('template/company-common.html');
		</script>
		<div class="company-page-title">
			<h2>关于</h2>
			<p>关于Finwood</p>
		</div>
		<!--内容-->
		<div class="page-about container">
			<div class="company-profile">
				<p>芬木网是由上海芬木网络科技发展有限公司运营的聚焦木材线上交易、供应链金融、产业服务和大数据一体的数据智能木材供应链S2B平台。</p>
				<p>平台依托木材行业资深人士和擅长赋能型投资的富慕资产(创始人也是线性资本联合创始人)共同发起组建。凭借木材行业30年专业经验和专家团队，打造木材供应链S2B平台，提供便捷交易和综合服务，优化木材供应链环节， 并运用数据智能和技术产品，提升行业效率，降低运营成本。为木材企业提供债权融资，打通资产端和资金端桥梁，解决木材企业融资痛点。</p>
				<p>芬木网将秉承诚信、创新、共赢的理念，持续为木材企业创造核心价值，通过科技引领木材行业整体进步， 打造成为最有价值的木材服务平台。</p>
			</div>
			<div class="company-history" id="canvas">
				<div class="flipbook-viewport">
					<div class="viewport">
						<div class="flipbook">
							<div class="item-page" style="background-image:url(img/company/history1.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history2.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history3.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history4.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history5.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history6.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history7.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history8.png)"></div>
							<div class="item-page" style="background-image:url(img/company/history9.png)"></div>
						</div>
						<!-- Next button -->
						<div ignore="1" class="next-button"></div>
						<!-- Previous button -->
						<div ignore="1" class="previous-button"></div>
					</div>
					<div class="bottom">
						<ul class="time-axis">
							<li class="on">
								<span>芬木成立</span>
								<div class="node"></div>
								<i></i>
								<time>2017-05-02</time>
							</li>
							<li>
								<span>入驻莲花国际</span>
								<div class="node"></div>
								<i></i>
								<time>2017-09-04</time>
							</li>
							<li>
								<span>第一轮融资成功</span>
								<div class="node"></div>
								<i></i>
								<time>2017-12-28</time>
							</li>
							<li>
								<span>芬木官网上线</span>
								<div class="node"></div>
								<i></i>
								<time>2017-12-30</time>
							</li>
							<li>
								<span>芬木微信端上线</span>
								<div class="node"></div>
								<i></i>
								<time>2018-01-18</time>
							</li>
							<li>
								<span>芬木小程序上线</span>
								<div class="node"></div>
								<i></i>
								<time>2018-01-18</time>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--end-->
		<!--底部-->
		<div class="footer main"></div>
		<script type="text/javascript">
			$('.footer.main').load("底部-主.html");
		</script>
		<!--end-->
		<!--侧栏-->
		<div class="sidebar"></div>
		<script type="text/javascript">
			$('.sidebar').load("template/sidebar.html");
		</script>
		<!--end-->
		<script src="js/lib/turn.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			function active(curr){
				/*for (var i=0;i<$('.time-axis>li').length;i++) {
					if(i<=curr){
						$('.time-axis>li').eq(i).addClass('on');
					}else{
						$('.time-axis>li').eq(i).removeClass('on');
					}
				}*/
				$('.time-axis>li').eq(curr).addClass('on').siblings().removeClass('on');
			}
			//翻书插件
			$('.flipbook').turn({ 
			    width: 920, 
			    height: 650, 
			    elevation: 50, 
			    duration: 1000,
			    gradients: true, 
			    autoCenter: true,
			    when:{
			    	turned:function(e, page, view){
			    		var index=view[0]/2;
			    		active(index);
			    	}
			    }
			});
			//时间轴点击
			$('.time-axis>li').click(function(){
				var index=$(this).index();
				if(index>0){
					$('.flipbook').turn('page',index*2);
				}else{
					$('.flipbook').turn('page',1);
				}
				active(index);
				
			})
		</script>
	</body>
</html>
